$(function (){
    /*
        '登录'页面实现逻辑：
            1. 收集登录表单数据，进行数据验证
            2. 构造发送请求参数，向登录后台接口发送数据
    */ 
    // 全局变量 --  存储需向登录后台接口发送数据的对象
    var loginForm;

    init();
    
    function init(){
        // 触发事件
        eventList();
    };

    // 绑定事件
    function eventList(){
        // 注册按钮绑定点击事件
        $('#reg_btn').on('tap',function(){
            location.href = "register.html";
        });

        // 登录按钮绑定点击事件
        $("#login_btn").on('tap',function(){
            // 收集表单数据
            var  phone = $('#phone').val().trim();
            var  pwd = $("#pwd").val().trim();

            // 验证手机填写正确与否
            if(!checkPhone(phone)){
                // 手机号格式不合法
                mui.toast("该手机号填写不合法，请重新输入");
            }else {
                // 构造发送参数
                loginForm = {
                    username : phone ,
                    password : pwd 
                };

                // 发送请求
                $.post('/login',loginForm,function(result){
                    if(result.meta.status == 200){
                        // 提示登录成功
                        mui.toast("登录成功");
                        /* 
                            将用户登录信息存储进行本地存储 
                                需转化成JSON格式字符串，再存储
                        */ 
                        sessionStorage.setItem('userInfo',JSON.stringify(loginForm));

                        // 获取本地存储的href，跳转到相应页面
                        var href = sessionStorage.getItem('pageUrl');

                        // 设置定时器   --  1s后跳转页面
                        setTimeout(function(){
                            location.href = href;
                        },1000);
                        
                    }else {
                        console.log(result.meta.msg);
                    };
                });
            };
        });
    };


    // 验证手机
    function checkPhone(phone) {
        if (!(/^1[34578]\d{9}$/.test(phone))) {
            return false;
        } else {
            return true;
        }
    };
})